<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script src="jquery-1.8.0.min.js"></script>
    <title>task002</title>
	<style type="text/css">
      .gray{
	    width: 400px;
		height:200px;
      	background-color:#ccc;  
		margin: auto;  
		position: absolute;  
		top: 0; left: 0; bottom: 0; right: 0;
      }
	  .yellow{
		width:50px;
		height:50px;
		background-color:#fc0;  
	  }
	  .top{
		border-bottom-right-radius:50px;
	  }
	  .bottom{
		float:right;
		margin-top:100px;
		border-top-left-radius:50px;
	  }
    </style>
</head>
<body>
<div class="gray">
	<div class="yellow top"></div>
	<div class="yellow bottom"></div>
</div>
</body>
</html>

